﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="control.css" rel="stylesheet" />
</head>
<body>
    <div id="logsContainer" class='logs-container'>
        <x-controlbar>
            <x-action id="filterall" class="filter-btn selected" event="filter" filter="all" tabindex="0" title="show all entries"><i class="fa fa-list"></i></x-action>
            <x-action id="filterdebug" class="filter-btn" event="filter" filter="debug" tabindex="0" title="show/hide debug entries"><i class="fa fa-cogs"></i></x-action>
            <x-action id="filterlog" class="filter-btn" event="filter" filter="log" tabindex="0" title="show/hide log entries"><i class="fa fa-comments-o"></i></x-action>
            <x-action id="filterinfo" class="filter-btn" event="filter" filter="info" tabindex="0" title="show/hide info entries"><i class="fa fa-info"></i></x-action>
            <x-action id="filterwarn" class="filter-btn" event="filter" filter="warn" tabindex="0" title="show/hide warn entries"><i class="fa fa-warning"></i></x-action>
            <x-action id="filtererror" class="filter-btn" event="filter" filter="error" tabindex="0" title="show/hide error entries"><i class="fa fa-bug"></i></x-action>
            <input type="text" stretch id="filterInput" aria-label="Here, enter a filter for console entries" placeholder="enter a filter for console entries" />
            <x-action id="clear" title="clear console entries" event="clear" tabindex="0"><i class="fa fa-close"></i></x-action>
        </x-controlbar>
        <div id="logs" class='logs-list code-text'></div>
        <x-controlbar class="footer">
            <input type="text" id="input" aria-label="Interactive Console input zone" class='console-input code-text dashboard-input' />
        </x-controlbar>
    </div>

</body>
</html>
